<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购商城 - 底部</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
        }
        
        .footer {
            background: #000;
            color: #999;
            padding: 40px 0;
            margin-top: 30px;
        }
        
        .footer-container {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        
        .footer-column {
            flex: 1;
        }
        
        .footer-title {
            color: #fff;
            font-size: 16px;
            margin-bottom: 20px;
        }
        
        .footer-link {
            display: block;
            color: #999;
            text-decoration: none;
            font-size: 12px;
            margin-bottom: 10px;
            transition: color 0.3s;
        }
        
        .footer-link:hover {
            color: #fff;
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid #333;
            margin-top: 30px;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div class="footer">
        <div class="footer-container">
            <div class="footer-column">
                <h3 class="footer-title">购物指南</h3>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">会员介绍</a>
                <a href="#" class="footer-link">常见问题</a>
                <a href="#" class="footer-link">联系客服</a>
            </div>
            
            <div class="footer-column">
                <h3 class="footer-title">配送方式</h3>
                <a href="#" class="footer-link">上门自提</a>
                <a href="#" class="footer-link">211限时达</a>
                <a href="#" class="footer-link">配送服务查询</a>
                <a href="#" class="footer-link">配送费收取标准</a>
            </div>
            
            <div class="footer-column">
                <h3 class="footer-title">支付方式</h3>
                <a href="#" class="footer-link">货到付款</a>
                <a href="#" class="footer-link">在线支付</a>
                <a href="#" class="footer-link">分期付款</a>
                <a href="#" class="footer-link">邮局汇款</a>
            </div>
            
            <div class="footer-column">
                <h3 class="footer-title">售后服务</h3>
                <a href="#" class="footer-link">售后政策</a>
                <a href="#" class="footer-link">价格保护</a>
                <a href="#" class="footer-link">退款说明</a>
                <a href="#" class="footer-link">返修/退换货</a>
            </div>
            
            <div class="footer-column">
                <h3 class="footer-title">关于乐购</h3>
                <a href="#" class="footer-link">关于我们</a>
                <a href="#" class="footer-link">加入我们</a>
                <a href="#" class="footer-link">联系我们</a>
                <a href="#" class="footer-link">隐私政策</a>
            </div>
        </div>
        <div class="copyright">
            Copyright © 2023 乐购 All Rights Reserved.
        </div>
    </div>
</body>
</html>